<template>
  <div class="personal">
    <a-input class="personal-search" placeholder="请选择人员" readonly>
      <template #append>
        <icon-search @click="search"></icon-search>
      </template>
    </a-input>
    <a-calendar></a-calendar>
  </div>
</template>

<script lang="ts">
import { toRefs } from 'vue';
import importConfig from './personal.ts';

export default {
  name: 'PersonalDom',
  setup() {
    const { base, init, search } = importConfig();
    init();
    return {
      ...toRefs(base),
      init,
      search,
    };
  },
};
</script>

<style scoped lang="less">
.personal {
  &-search {
    width: 300px;
    margin-bottom: 10px;
  }
}
</style>
